草庐IT

Foundation 表单

全部标签

javascript - 如何获取通过 sails.js 中的表单发送的数组/对象(使用 enctype multipart/form-data)

我在我的表单中嵌套信息以匹配我的模型,这极大地简化了后端的事情,但我无法找到如何在Sails.js中获取数组或对象(或两者的组合)假设我有这样的表格注意:完全需要支持“multipart/form-data”。我希望在req.params.all()obj中得到这样的对象{status:'published',entries:[{title:'Entry1',content:'Entry1Content...'},{title:'Entry2',content:'Entry2Content...'}]}现在调用req.params.all()/req.body时,我得到的是:{stat

javascript - enzyme 模拟提交表单,无法读取未定义的属性 'value'

我在使用jest和enzyme测试组件时遇到了一些困难。我想做的是测试提交名称字段中没有值的表单。这将确保组件显示错误。但是,当我运行其余部分时,我的控制台出现错误:TypeError:Cannotreadproperty'value'ofundefined我对前端测试和一般测试还很陌生。所以,我不完全确定我是否正确地使用enzyme进行此类测试。我不知道我的测试是否不正确,或者我是否刚刚编写了一个不容易测试的组件。如果可以更轻松地测试,我愿意更改我的组件吗?组件classInputFormextendsComponent{constructor(props){super(props)

javascript - 如何使用 React refs 来聚焦 Redux 表单字段?

我正在尝试使用Reactrefs在安装时聚焦Redux-FormField。当我在componentDidMount中尝试this.refs.title.getRenderedComponent().focus()时,会抛出一条错误消息:edit_fund.js:77未捕获类型错误:无法读取未定义的属性“getRenderedComponent”当我控制台记录this.refs时,它主要是一个空对象,有时将“title”标识为ref,但它不可靠。我是否错误地使用了refs?我的代码在下面供引用。componentDidMount=()=>{this.refs.title.getRend

使用 Team Foundation Server Build 进行 JavaScript 单元测试

我们使用的是TeamFoundationServer2010,我们使用Jasmine在本地机器上运行了一些JavaScript单元测试。.我们正在使用基于工作流程的构建。有没有人在构建期间成功运行Jasmine测试?如果Jasmine测试失败,您可以中断构建吗? 最佳答案 我看到的方法是使用CodePlex上可用的ChutzpahTestRunner:http://chutzpah.codeplex.com/这允许您从命令行运行Jasmine/QUnit测试,然后可以使用InvokeProcess事件轻松地将其与TFSBuild集成

javascript - 如何在 Chrome 中以编程方式切换 Zurb Foundation 开关控件?

我想使用javascript动态切换ZurbFoundationSwitch控件的状态。这是默认的ZurbFondation开关:OffOn演示here.它们基于thisproject,我相信。当我尝试使用jquery更改开关的状态时:$('#d1').attr('checked','checked');$('#d').removeAttr('checked');//SwitchON$('#d').attr('checked','checked');$('#d1').removeAttr('checked');//SwitchOFF它在Firefox中有效,但在Chrome中无效。在C

javascript - 在angularjs表单验证中强制使用ng-dirty

使用angularjs进行表单验证我想在用户单击提交时将所有必填字段标记为错误。我正在使用input.ng-dirty.ng-invalid来设置错误控件的样式。所以我想要的是在用户提交表单时在必需的控件(或所有控件......对我来说都是一样的)上设置ng-dirty。验证工作。我明白为什么,我正在尝试的可能是错误的,但我没有找到其他方法来达到同样的效果,除了一些我认为太复杂而不正确的方法。我尝试的是:http://jsfiddle.net/yq4NG/ 最佳答案 让我们开始将angular添加到您的jsfiddle中,将其包装在

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - 像表单提交一样响应 native 发布请求

我正在尝试在ReactNative中实现类似的事情,不知道我该怎么做是否有可能在ReactNative中做类似的事情。我可以在Web应用程序中执行此操作。但是在nativereact中window.document不存在。所以我无法动态或以任何方式提交表单。基本上发生的事情是我使用POST方法数据将一些数据发送到第3方支付网关。知道如何在ReactNative中实现这一点吗?编辑:我需要一个解决方案,当提交一个webView打开时改变浏览器的位置,并以post方法格式将数据发送到该位置我发现关于Javascript实现的一个类似问题是这个JavaScriptpostrequestlik

javascript - 检查表单输入是否存在

我想检查当用户填写输入名称“field1”时是否存在名为“field2”的输入标签。为此,我使用field1的input标记上的onchange事件执行一个JavaScript函数。(我正在使用警告框进行测试。)如果field2不存在,则JavaScript单击一个按钮,表单将更新为同时具有field1和field2。但是无论我使用3种方法中的哪一种,即使field2存在,也会弹出警告框。我尝试了使用if与null和'undefined'等的各种组合。如果field2存在,为什么会弹出警告框?functionfoobar(){if(!document.getElementsByName

javascript - Facebook 是否可以获取用户数据并在 iframe 中填充表单?

我正在尝试为Facebook页面创建一个iframe选项卡。在这个页面上,我正在加载一个iframe,它由来自另一个域/站点的表单组成。是否可以使用javascript查询图形api,以使用javascript将用户数据加载到此iframe加载表单中,这样就可以预先填充给用户?我知道存在跨域安全问题。在那种情况下,假设我的iframe选项卡现在托管在与iframe加载的表单相同的域中,这现在可行吗? 最佳答案 你是对的,出于安全原因(同源策略),你想要的将被浏览器阻止。你可以做什么:在iframe中重新加载表单并将您从jssdk获取